<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>overflow-x:hidden 研究</title>
<link href="http://static.bubujie.com/css/fixed/t.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.outer{position:relative;width:200px;border:1px solid #CCC;}
.inner{position:absolute;top:340px;left:60px;white-space:nowrap;border:1px solid #F00;}
img{z-index:-1;}
</style>
</head>
<body>
<h1>overflow-x:hidden 研究</h1>
<hr />
<div style="position:relative;">
  <div class="inner" style="top:360px;">原始状态</div>
  <img src="http://lh4.googleusercontent.com/-sg6Zsvjwcvw/TvQTcxBs0iI/AAAAAAAAHHw/gMPdjNBIdK8/s800/screens.png" alt="" />
</div>
<hr />
<div class="outer" style="overflow-x:hidden;overflow-y:visible;">
  <div class="inner">overflow-y:visible;</div>
  <img src="http://lh4.googleusercontent.com/-sg6Zsvjwcvw/TvQTcxBs0iI/AAAAAAAAHHw/gMPdjNBIdK8/s800/screens.png" alt="" />
</div>
<div class="outer" style="overflow-x:hidden;overflow-y:auto;">
  <div class="inner">overflow-y:auto;</div>
  <img src="http://lh4.googleusercontent.com/-sg6Zsvjwcvw/TvQTcxBs0iI/AAAAAAAAHHw/gMPdjNBIdK8/s800/screens.png" alt="" />
</div>
<div class="outer" style="overflow-x:hidden;overflow-y:hidden;">
  <div class="inner">overflow-y:hidden;</div>
  <img src="http://lh4.googleusercontent.com/-sg6Zsvjwcvw/TvQTcxBs0iI/AAAAAAAAHHw/gMPdjNBIdK8/s800/screens.png" alt="" />
</div>
<div class="outer" style="overflow-x:hidden;overflow-y:scroll;">
  <div class="inner">overflow-y:scroll;</div>
  <img src="http://lh4.googleusercontent.com/-sg6Zsvjwcvw/TvQTcxBs0iI/AAAAAAAAHHw/gMPdjNBIdK8/s800/screens.png" alt="" />
</div>
</body>
</html>
